/**
用法: <div class="mt-20 plr-30"></div>
解读：div 外边距top为20，内边距left,right均为30
**/
$length: 100;



@mixin create-ctx-style($len) {
  .mt-#{$len} {
    margin-top: 1upx * $len !important;
  }
  .ml-#{$len} {
    margin-left: 1upx * $len !important;
  }
  .mr-#{$len} {
    margin-right: 1upx * $len !important;
  }
  .mb-#{$len} {
    margin-bottom: 1upx * $len !important;
  }
  .mlr-#{$len} {
    margin: 0 1upx * $len !important;
  }
  .mtb-#{$len} {
    margin: 1upx * $len 0 !important;
  }
  .pt-#{$len} {
    padding-top: 1upx * $len !important;
  }
  .pl-#{$len} {
    padding-left: 1upx * $len !important;
  }
  .pr-#{$len} {
    padding-right: 1upx * $len !important;
  }
  .pb-#{$len} {
    padding-bottom: 1upx * $len !important;
  }
  .plr-#{$len} {
    box-sizing: border-box;
    padding-left: 1upx * $len !important;
    padding-right: 1upx * $len !important;
  }
  .ptb-#{$len} {
    box-sizing: border-box;
    padding-top: 1upx * $len !important;
    padding-bottom: 1upx * $len !important;
  }
  .padding-#{$len} {
    box-sizing: border-box;
    padding: 1upx * $len !important;
  }
	.fsize-#{$len} {
	  font-size: 1upx * $len !important;
	}
}

@while $length>=0 {
  @include create-ctx-style($length);
  $length: $length - 2;
}

/*1-1000*/
$local: 1000;

@while $local >=0 {
  .h-#{$local} {
    height: 1% * $local !important;
  }

  /*高度upx*/
  .height-#{$local} {
    height: 1upx * $local !important;
  }
  /* 行高 */
  .lh-#{$local}{
    line-height: 1upx * $local !important;
  }
  /*宽度度百分比*/
  .w-#{$local} {
    width: 1% * $local !important;
  }

  /*宽度upx*/
  .width-#{$local} {
    width: 1upx * $local !important;
  }
	.fweigh-#{$local}{
		font-weight: 1*$local;
	}
  $local: $local - 1
}
// 隐藏scroll-view 滚动条
::-webkit-scrollbar {
	display: none;
	width: 0 !important;
	height: 0 !important;
	-webkit-appearance: none;
	background: transparent;
	color: transparent;
}
// 固定底部按钮样式
.fo-bx{
		position:fixed;
		left:0;
		bottom:0;
		padding:0 0 calc(env(safe-area-inset-bottom)) 0; 
		width: 100%;
		background-color:$uni-bg-color;
		z-index: 9;
		box-shadow:0 0 12px #f5f5f5;
		.abtn{
			font-size:32upx;
			background-color:$uni-color-btnc;
			color:$uni-bg-color;
		}
	}
	// 滚动列表 操作按钮样式
	.scroll-item{
		padding:10upx 20upx;
		border-bottom: 6rpx #f5f5f5 solid;
		.icon-group{
			position:relative;
			.icon-list{
				position:absolute;
				right:100%;
				top:-18upx;
				margin-right: 20upx;
				.ibx{
					background-color: #333;
					padding:8upx 10upx;
					border-radius:8upx;
					position:relative;
					&::after{
						border: solid transparent;
						content: ' ';
						height: 0;
						left: 100%;
						position: absolute;
						width: 0;
						border-width: 12upx;
						border-left-color: #333;
						top: 34upx;
					}
				}
			}
		}
	}
	// 隐藏多余文本
	.overtwolines{
		display: -webkit-box;
		word-break: break-all;
		text-overflow:ellipsis;
		overflow: hidden;
		white-space: pre-line;
		-webkit-box-orient: vertical;
		-webkit-line-clamp:1;
	}
	// 滑动 重置 确定按钮样式
	.btn-group{
		width:100%;
		position:absolute;
		right:0;
		bottom:0;
		margin-bottom: calc(env(safe-area-inset-bottom));
	}
	
	.my-bg-white{
		background-color: #fff;
	}
	.ptxt{
		color:$uni-text-color-placeholder;
	}
	.u-size-default{
		font-size:24rpx !important;
	}
	.u-tag{
		line-height: none !important;
	}
	
	// 自定义tag 按钮
	.my-tag-btn{
		font-size:24rpx;
		padding: 12rpx 28rpx;
		color:$uni-text-color-grey;
		background-color:$uni-bg-tag;
		border-radius:6rpx;
		margin-right: 20rpx;
		margin-bottom: 10rpx;
	}
	.my-tag-btn-active{
		color:$uni-color-solid;
		background-color:$uni-color-btnc;
	}
	// 自定义grid
	.gird-card{
		width: 730upx;
		margin: auto;
		border-radius: 6upx;
		padding-bottom: 10upx;
		background-color:$uni-bg-color;
		.ti{
			padding: 20upx;
			color:$uni-text-color-black;
			font-weight: 600;
			border-bottom: 1px #f5f5f5 solid;
		}
	}
	.gird-card-nbgc{
		width: 730upx;
		margin: auto;
		border-radius: 6upx;
		padding-bottom: 10upx;
		.ti{
			padding: 20upx;
			color:$uni-text-color-black;
			background-color:$uni-bg-color;
			font-weight: 600;
			border-bottom: 1px #f5f5f5 solid;
		}
	}
	// 切换小圆点样式
	.indicator-dots {
		margin-top: 20rpx;
		display: flex;
		justify-content: center;
		align-items: center;
		.indicator-dots-item {
			background-color: $u-tips-color;
			height: 6px;
			width: 6px;
			border-radius: 10px;
			margin: 0 3px;
		}
		.indicator-dots-active {
			background-color: $u-type-primary;
		}
	}
	
	::v-deep.uni-select,.checkbox {
		border:none !important;
	}
	.uni-table-th{
		border:none !important;
		background-color: transparent !important;
	}
	.line-bottom {
		border-bottom: 1px $uni-color-solid solid;
	}
	.line-top {
		border-top: 1px $uni-color-solid solid;
	}
	